@charset "utf-8";

html{color:#000;background:#fff;height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-family: Arial,Helvetica Neue,Helvetica,sans-serif; height:100%; }
img{border:none;}
em,strong{font-style:normal;font-weight:normal;}
li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}
q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;border:none;background:white}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
/* link */
a{text-decoration:none;color: #6B7A87;}
a:hover{text-decoration:none;}
/*................clearfix...................*/
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix{display: inline-block}/* Hides from IE-mac \*/
* html .clearfix{ height: 1%;}
.clearfix{display: block;}
/*...............resetEnd.................*/

.main {
	/*width:100%;*/
	/*width: 100vw;*/
	/*height: 100vh;*/
	/*max-height: 100vh;
	min-height: 100vh;*/
	position: fixed;
	top: 0;bottom: 0;
	right: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s linear;
	-webkit-transition: opacity .5s linear;
	-moz-transition: opacity .5s linear;
	-ms-transition: opacity .5s linear;
	overflow: hidden;
}

.main img {
	/*width: 10rem;*/
	width:70%;
	height: auto;
	margin-top: 2rem
}

.main .download {
	display: block;
	width: 60%;
	height: 1.5rem;
	background: url(../images/button.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	/*top: 8.85668276rem;*/
	top:70%;
	left: 50%;
	margin-left: -30%;
	transition: all .3s .5s linear;
	-moz-transition: all .3s .5s linear;
	-webkit-transition: all .3s .5s linear;
	-ms-transition: all .3s .5s linear;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
}
/*****install-loading******/
@-webkit-keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
 .loading{
     background-color: transparent;
     width: 45px;
     height: 45px;
     border: 1px solid #7f6eb1;
     border-radius: 50%;
     border-top-color: transparent;
     border-left-color: transparent;
     -webkit-transition: all .25s;
     transition: all .25s;
     -webkit-animation: rotate .6s linear infinite;
     -moz-animation:rotate .6s linear infinite;
     -o-animation: rotate .6s linear infinite;
     -ms-animation:rotate .6s linear infinite;
     animation: rotate .6s linear infinite;
     position:absolute;
     top:60%;
	 left:50%;
	 margin-left: -22.5px;
}